import { StyleSheet } from "react-native";

export default StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: "row"
  },
  contentContainer: {
    flex: 1
  },
  contentHeader: {
    paddingTop: 10,
    paddingBottom: 10,
    flexDirection: "row",
    flexWrap: "wrap",
    alignItems: "center",
    gap: 10
  },
  division: {
    height: 1,
    elevation: 2,
    shadowColor: "#000"
  },
  iconContainer: {
    padding: 4,
    backgroundColor: "white",
    borderRadius: 6
  },
  contentTitle: {
    fontWeight: "bold"
  },
  btnContainer: {
    width: 40,
    gap: 40,
    justifyContent: "center",
    alignItems: "center"
  },
  text: {
    lineHeight: 20,
    fontSize: 14,
    marginTop: 4,
    marginBottom: 4
  },
  countTip: {
    fontSize: 10
  },
  loading: {
    position: "absolute",
    left: "50%",
    top: "50%"
  }
});
